<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<h:head>
<style type="text/css" media="screen">
@import
"#{facesContext.externalContext.request.contextPath}/resources/css/style.css"
</style>
</h:head> 
<body>
<center>
	<div class="BarraSuperior" >
		<div id="Cabecera" >
			<h2>La apuesta</h2> 
		</div>
		<div>
			<p:graphicImage id="dynaButton" value="/resources/images/opcion2.png"  />          	
			 <h:form>
                    <p:menu  overlay="true" trigger="dynaButton" my="left top" at="left bottom">  
							<p:menuitem  value="cerrar sesion" url="usuario/administrarPerfil.jsf" />
							<p:menuitem value="oiejroeij"   url="login.jsf" >
										<p:commandButton value="cerrar sesion"  action="#{controladorLogin.cerrarSesion()}" />	
							</p:menuitem>
					</p:menu>
			</h:form>
		 </div>
		 <div class="Usuario"> 
			<ul>
				<li> Usuario: </li>
				<li> Tal</li>
			</ul>	
		 </div>
	</div> 
	
	<div id="Contenido">
		<div id="Contenedora">
			
		</div>	
	</div>
	
</center>	
</body> 
</html>
